<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<script type="text/javascript" charset="utf-8">
	function counter(n){
		return {
			get count(){
				return n++;
			},
			set count(m){
				if(m>n){
					n=m;
				}else{
					throw Error("不能比当前数值小");
				}
			}
		}
	}
	var c= counter(1000);
	console.log(c.count);
	console.log(c.count);
	c.count=2000;
	c.count=2000
</script>
<style type="text/css" media="screen">
	body{
		margin:0;
		padding:0;
		border:0;
	}
	#two{
		width:500px;
		height:500px;
		background:blue;

		margin:10px;
	}
		
	#three{
		margin:100px 0;
	}
	#four{
		margin-top:50px;
	
		width:1000px;
	}
	#fu{
		display:table;
		width:100%;
	}
	
	#fu .flot,.input{
		display:table-cell;
	}
	.flot{
		width:150px;
	}
	.input{
		overflow:hidden;
		padding-right:10px;
	}
	.input input{
		width:99%;
	}
	
	#main{
	            width:540px;
	            float:left;
	            background:green;        
	        }
	        #left,#right{
	            float:left;
	            margin:0 0 0 -271px;
	            width:50%;        
	        }
	        .inner{
	            padding:20px;        
	        }

	        #left .inner,
	        #right .inner{
	            margin:0 0 0 271px;
	            background:orange;
	        }
	
			#div1{
				width:200px;
				height:200px;
				background:red;
			}
			#div2{
				width:100px;
				height:100px;
				background:blue;
			}
</style>
<body>
	<div id="fu">
		
		<div class="input">
			<input type="text" name="some_name" value="" id="some_name">
		</div>
		<div class="flot">
			<label for="some_name">我的爱</label>
		</div>
	</div>
	
	
	<div id="left">
	        <div class="inner">this is left sidebar content</div>
	    </div>
	    <div id="main">
	        <div class="inner">this is main content</div>
	    </div>
	    <div id="right">
	        <div class="inner">this is right siderbar content</div>
	    </div>
	
	
	<div id="div1">
		<div id="div2">
			123
		</div>
	</div>
	
</body>

<script type="text/javascript" charset="utf-8">
	var div1 = document.getElementById("div1");
	div1.onclick=function(e){
		console.log(e.target);
		console.log(e.currentTarget);
	}
</script>
</html>